*{
  padding: 0;
  margin: 0;
}
html,body{
  width: 100%;
  height:100%;
  font-size: 16px!important;
}


a{
  text-decoration:none;
}

input:focus{
  outline:none
}

ul,li{ padding:0;margin:0;list-style:none}

#page1,#page2,#page3,#page4{
  height: 100vh;
  width: 100vw;
}
.shenglv{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.commondiv{
  height: .7rem;
  width: 100%;
  background: #F5F7FF;
}
.d-flex-md{
  display: flex;
  align-items: center;
  
}
.d-col-md{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.backArrow{
  /* width:.69rem;
  height:1.1rem; */
  width:1rem;
  transform: rotate(180deg);

  -ms-transform: rotate(180deg); /* IE 9 */

  -moz-transform: rotate(180deg); /* Firefox */

  -webkit-transform: rotate(180deg); /* Safari and Chrome */

  -o-transform: rotate(180deg); /* Opera */
}
.pageTop{
  width:100%;
  height:2.75rem;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:.75rem;
  box-sizing: border-box;
  border:1px solid rgba(238,238,238,1)
}
.pageTitle{
  font-size:1rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(34,34,34,1);
  /* margin-left:13%; */

}
.pageinstr{
  font-size:.875rem;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(254,97,97,1);
}
/* 遮罩层样式 */
.mask{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  background:rgba(34,34,34,.3)
}